Vue
学习记录
hongxiao2016
这个作者很懒,什么都没留下…
展开
-
vue-cli安裝 vue
安裝命令: npm install --global vue-cli vue init webpack my-project cd my-project npm run dev 理論上,就是上面這一堆,但是呢,得先安裝node.js,下載然後下一步就行了 设置缓存文件夹: npm config set prefix "D:\nodejs\node_global" 设置全局模块存放路径:...原创 2019-09-17 19:10:54 · 90 阅读 · 0 评论 -
創建Vue實例
<!doctype html> <html> <head> <meta charset="utf-8"> <title>Vue入門</title> <script src="vue.js"></script> </head> <body> <div id="root...原创 2019-09-13 11:51:29 · 91 阅读 · 0 评论 -
todolist刪除
<!doctype html> <html> <head> <meta charset="utf-8"> <title>TodoList刪除</title> <script src="vue.js"></script> </head> <body> <div id="r...原创 2019-09-14 12:41:51 · 152 阅读 · 0 评论 -
組件與實例的關係
每個組件都是一個實例 vue項目是由許多vue的實例組成的原创 2019-09-13 14:37:26 · 126 阅读 · 0 评论 -
todolist組件拆分
<!doctype html> <html> <head> <meta charset="utf-8"> <title>TodoList組件拆分</title> <script src="vue.js"></script> </head> <body> <div id=...原创 2019-09-13 14:17:45 · 110 阅读 · 0 评论 -
TodoList
<!doctype html> <html> <head> <meta charset="utf-8"> <title>TodoList</title> <script src="vue.js"></script> </head> <body> <div id="roo...原创 2019-09-13 14:01:34 · 4060 阅读 · 0 评论 -
v-if,v-show,v-for
<!doctype html> <html> <head> <meta charset="utf-8"> <title>v-if,v-show,v-for</title> <script src="vue.js"></script> </head> <body> <di...原创 2019-09-13 13:48:45 · 89 阅读 · 0 评论 -
Vue中的计算属性和侦听器
computed:屬性不變,使用上一次的計算緩存,性能比較高 <!doctype html> <html> <head> <meta charset="utf-8"> <title>Vue中的计算属性和侦听器</title> <script src="vue.js"></script> </h...原创 2019-09-13 13:30:37 · 87 阅读 · 0 评论 -
屬性綁定和雙向數據綁定
<!doctype html> <html> <head> <meta charset="utf-8"> <title>屬性綁定和雙向數據綁定</title> <script src="vue.js"></script> </head> <body> <div id=...原创 2019-09-13 13:08:46 · 95 阅读 · 0 评论 -
vue事件
<!doctype html> <html> <head> <meta charset="utf-8"> <title>事件</title> <script src="vue.js"></script> </head> <body> <div id="root"&g...原创 2019-09-13 12:33:26 · 80 阅读 · 0 评论 -
挂載點,模板,實例
挂載點:Vue作用于挂載點,el對應的id對應的html標簽 模板:挂載點内部的内容,可以放在實例,也可以放在挂載點 實例:指定挂載點,模板等 <!doctype html> <html> <head> <meta charset="utf-8"> <title>Vue入門</title> <script sr...原创 2019-09-13 12:11:14 · 55 阅读 · 0 评论