
Vue
夜幕之雨
改变自己,世界才会改变!
展开
-
Vue学习笔记(模板语法与指令(指令缩写))
1.模板语法:插值语法{{msg}},数据,js表达式;2.指令(指令缩写)@click,v-if,:hrefv-bind缩写<!-- 完整语法 --><a v-bind:href="url">...</a><!-- 缩写 --><a :href="url">...</a>v-on缩写...原创 2019-06-05 22:56:43 · 244 阅读 · 0 评论 -
Vue学习笔记(计算属性和侦听器)
计算属性:computed,侦听器:watch。官方介绍,可以详细了解使用场景:watch(异步场景),computed(数据联动)。watch和computed的区别:watch通常来说监听的事一个变量或一个常量的变化computed可以监听很多个变量,但是这个变量一定是在vue的实例里面的;...原创 2019-06-05 23:03:48 · 183 阅读 · 0 评论 -
Vue学习笔记(条件渲染、列表渲染、Class与Style绑定)
条件渲染、列表渲染、Class与Style绑定.条件渲染:v-if v-else v-else-if,v-show列表渲染:v-for <div v-for="item in list">style和class 的绑定:style可写成对象形式,然后通过属性绑定v-bind进行绑定;class绑定写成对象形式,键名是真是的class名称,值为布尔值或表达式,或者可以使用数组...原创 2019-06-05 23:06:45 · 678 阅读 · 0 评论 -
Vue学习笔记(认识vue-cli)
转载:慕课网同学笔记。下次记不得了,在去看看查询node版本:node -v查询npm版本:npm -v全局安装vue-cli工具:npm install -g @vue/cli查询vue-cli版本:vue --version创建vue工程一:1.进入创建工程的目录下面2.vue create hello-world3.敲空格选择:Router,Vuex,CS...转载 2019-06-05 23:18:36 · 169 阅读 · 0 评论 -
Vue学习笔记(组件化的思想)
慕课网视频地址什么是组件化:独立的,可复用的,整体化的 。为什么要组件化:1.实现功能模块的复用 2.高效执行 3.开发单页面复杂应用如何进行拆分:1.300行原则 2.复用原则 3.业务复杂性原则组件带的问题:1.组件状态管理(vuex)2.多组件的混合使用,多页面,复杂业务(vue-router)3.组件间的传参,消息,事件管理(props,emit/on,bus)...原创 2019-06-05 23:23:39 · 1233 阅读 · 0 评论 -
Vue学习笔记(vue-router 基本使用)
转载:https://www.cnblogs.com/SamWeb/p/6610733.html路由,其实就是指向的意思,当我点击页面上的home按钮时,页面中就要显示home的内容,如果点击页面上的about 按钮,页面中就要显示about 的内容。Home按钮 => home 内容, about按钮 => about 内容,也可以说是一种映射. 所以在页面上有两个部分,一个是...转载 2019-06-10 17:49:41 · 426 阅读 · 0 评论 -
Vue学习笔记(VueJS中学习使用Vuex详解--转载)
转载:https://segmentfault.com/a/1190000015782272在SPA单页面组件的开发中 Vue的vuex和React的Redux 都统称为同一状态管理,个人的理解是全局状态管理更合适;简单的理解就是你在state中定义了一个数据之后,你可以在所在项目中的任何一个组件里进行获取、进行修改,并且你的修改可以得到全局的响应变更。下面咱们一步一步地剖析下vuex的使用:...转载 2019-06-10 18:08:39 · 287 阅读 · 0 评论