vueJs基礎(點擊燈泡開關)

原創 这个世界太冷用代码来暖暖 2020-06-14 01:14

演示↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓最後有福利/

 

看好了來說正題說下技術難點和創新

1.發現用new的數組元素在改變數值的時候那個v-for裏的內容添加時不會發生改變所以只能用innerHTML來添加元素,修改時則可以實時改變.

2.我當時只是來減少代碼的書寫只是試了一下竟然成了//可以在if中直接改變要判斷的內容.

3.新的知識// 三目運算 以前一般寫java用沒想到js也能用三目運算.

 

 關注下方公衆號回覆:[燈泡項目]可獲得dome項目

 

發表評論
所有評論
還沒有人評論，想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章

【解決】element表單動態添加或更新表單項，回顯後無法修改或提示爲空的問題

原方法  /** * 動態更新form * @param form */ updateForm(form) { this.form.manholeId = form.manholeId; this.form

原創 2024-05-15 12:08:40

vue 父子組件傳函數 demo

父組件 <template>  <div>  <Hello :flFlag="myFunction"></Hello>   </div> </template> import Hello from './HelloWorld'

秋水不寒 2020-07-07 08:54:01

Vue性能優化方法

文中例子來自https://www.youtube.com/watch?v=5B66qer8cZo   部分轉載於鏈接：https://www.jianshu.com/p/f372d0e3de80 函數型組件 由於組件的生命週期處理在框架

秋水不寒 2020-07-07 08:54:01

vue綁定key的案例（輸入框失焦問題）

之前做過這樣的一個需求，就是輸入框可動態增加或者減少的場景。通過v-for來遍歷所有輸入框，那麼分析下面key幾種情況： 爲了演示，這裏假設輸入框的校驗規則是允許字符數爲1-5。 1.沒有綁定key 或者 key綁定index的情

Mount华 2020-07-07 01:57:53

vuejs需要知道的一些知識彙總

      1、vue路由傳值的幾種方法及區別 https://blog.csdn.net/chenzlyan/article/details/83306199 2、Vue的雙向數據綁定   3、vuejs傳值 https://blog

ali是个小太阳 2020-07-06 21:16:37

this dependency was not found

在新版的vue-cli中已經幫我們把sass-loader配置好了，放在了util.js裏面，之前我們還需要去在webpack.base.config.js中去配置相關的設置，現在只需要安裝相應的loader即可。如果還在webp

learning_H 2020-07-05 17:50:45

VUEJS項目實踐九之彈框焦點默認在某個按鈕上

一、背景 有一個需求是要彈框後，焦點默認在某個按鈕上，確認或者取消。 二、 我還是用前幾話寫的彈框插件來說，爲了區分焦點在按鈕上還是不在，把之前的css稍微改了一下。文末會附上完整代碼。 1、沒有加這個效果之前 點開彈框，按鈕沒有

Yolanda_NuoNuo 2020-07-05 11:01:45

vue-element-admin執行npm install 報錯解決方法

下載vue-element-admin後，根據官網說明，執行npm install ,報如下錯誤，執行了三次，都是報下面這樣的錯誤： npm ERR! Error while executing: npm ERR! C:\Program

Web魔法师 2020-07-03 18:08:48

Vue:登錄頁面及登錄頁面用到的驗證函數

 登錄頁面： <template> <div id="login"> <div class="login-wrap"> <ul class="menu-tab"> <li v-for="item

Web魔法师 2020-07-03 18:08:48

vue.js 2.x教程

教程 基礎 安裝 兼容性 Vue 不支持 IE8 及以下版本，因爲 Vue 使用了 IE8 無法模擬的 ECMAScript 5 特性。但它支持所有兼容 ECMAScript 5 的瀏覽器。 更新日誌 最新穩定版本：2.5.1

lmjun3 2020-07-03 12:50:50

vue.js入門基礎--慕課網筆記

vue.js入門基礎 第1章 vuejs及相關工具介紹 1-1 vuejs課程簡介及框架簡介 課程簡介 初步瞭解vuejs框架 介紹Vuejs開發環境的搭建和腳手架工具的使用 vuejs具體的指令和項目實踐 準備知識 前端開

lmjun3 2020-07-03 12:50:50

Nginx解決VUE的history模式下刷新404

原配置： location / { root /root/jxiaoshuai-blog-demo/; index index.html index.htm; } 使用try_files解決： lo

叶落森 2020-07-03 10:55:09

用vuejs寫一個分頁組件

今天記錄用vuejs2來寫一個分頁組件有些註解定義我說的並不是很準確，主要是方便自己理解寫的，請大家包涵 ...代碼的github網址 : https://github.com/fengliting/vue-page，裏面給了詳細的註解和

FLTmiao 2020-07-02 15:51:09

beforeRouteUpdate導航守衛使用注意

前言 在使用 vue-router 的組件內的守衛 beforeRouteUpdate (2.2 新增)時，需要注意組件內守衛獲取路由參數的時機。 beforeRouteUpdate 當組件內子路由發生變化時，會出發該導航守衛。

harmsworth2016 2020-07-02 12:39:16

Vue-router 裏 import 動態導入模塊報錯

router 裏 import 報錯 import Vue from 'vue' import Router from 'vue-router' Vue.use(Router) export default new Route

learning_H 2020-06-30 23:30:44