-
vueJS是一种轻量级的MVVM框架，它同时吸收了react和angular的优点，强调了react组件化的概念，可以轻松的实现数据和展现的分离。也吸收了angular灵活的指令和页面操作的一些方法。 双向绑定：在页面input框（v-model="message"）里面的输入，会绑定到js里面的message上面,js里面的message里面的变动也会体现在调用这个message的部分。查看全部
-
数据持久化 const STORAGE_KEY = 'todos-vuejs' export default { fetch () { return JSON.parse(window.localStorage.getItem(STORAGE_KEY) || '[]') }, save (items){ window.localStorage.setItem(STORAGE_KEY,JSON.stringify(items)) } }查看全部
-
data: 代表vue对象的数据 methods: 代表vue对象的方法 watch: 设置对象监听的方法 数据渲染：v-text、v-html、{{}} html和vue对象的粘合剂 模板指令 v-if v-show 控制显示隐藏 v-if直接不显示，v-show通过css的display:none来隐藏 渲染循环列表 v-for 事件绑定 v-on methods里的方法 属性绑定 v-bind查看全部
-
在Sublime里面调出package control,点击“install package”搜索"Vue Syntax Highlight",安装。查看全部
-
new了一个Vue对象之后可以设置它的属性 其中最重要的包括三个 data属性:代表vue对象的数据 methods属性:代表vue对象的方法 watch属性:设置对象监听的方法 Vue对象通过html指令进行关联 重要的指令包括 v-text 渲染数据 v-if控制数据的显示 v-on绑定事件(可以简写为@) v-for循环渲染查看全部
-
# 全局安装 vue-cli，，https://npm.taobao.org/badge/v/cnpmjs.org.svg $ npm install -g vue-cli # 创建一个基于 "webpack" 模板的新项目 $ vue init webpack my-project # 安装依赖，走你 $ cd my-project $ npm install $ npm run dev查看全部
-
vue.js主要做两件事，一个js数据同步的渲染，第二个模块化开发，组件化开发，提高效率和复用性，第三个，你可以配合很多实用工具，比如router（利用html5控制页面跳转），vuex，页面数据状态管理，vue-resource，数据请求
查看全部 -
vue-validator：表单验证的组件；
vue-devtools：chroma的开发者工具；
vue-router：路由；
vue-cli：脚手架；
vue-touch：移动端开发工具；
axios是一个基于Promise的HTTP请求客户端，用来发送请求，也是vue2.0官方推荐的，同时不再对vue-resource进行更新和维护；
vuex：vue的模块管理工具；
查看全部 -
一、v-bind:class简写成:class 二、class 1、:class="{isFinished:item.isFinished}"，控制是否有这个class 2、：class="[isRed,isBlue]"，添加2个class
查看全部 -
vue.js是渐进式JavaScript框架，易用，灵活（生态系统比较完善），高效
渐进式框架就是：可以根据自己项目的需求来引入组件
vue是法语中视图的意思，Vue.js是一个轻巧、高性能、可组件化的MVVM库，同时拥有非常容易上手的API。
查看全部 -
要想用一个组件，要先注册这个组件。
如图中的components:{ComponentA}
查看全部 -
vue的组件的笔记测试
查看全部 -
@key.enter="" 当按下enter时,数组加上当前输入的值
addItem(){
this.data.push({
label:this.newItem,
isFinished:false
})
}
查看全部 -
1、data（存放所有的数据）
2、methods（方法，逻辑函数）
methods:{ doSomething:function(){ } } 3、watch（监听函数） watch：{ "a":function(val,oldVal){ console.log(val,oldVal) } } 4、v-text={{}}（不解析带有<p>属性的标签，直接输出文字）、v-html（先解析查看是否有标签属性的，在输出，安全xxs尽量不要直接输出标签） 5、v-for： v-for="(value,key,index) in items" value:属性值 key ：属性名 index：索引从0开始 <ul> <li v-for="(value,key,index) in items"> <p v-text="item.label"></p> </li> </ul> 6、v-on：click="doThis" 简写：@：click="doThis" 事件绑定 7、v-bind:src="imagesSrc" 简写： ：src="imagesSrc" 动态添加属性 [] 这class是否等于规定的，{}class是否有这个的值是否是真的 <div :class="{red:isRed}"></div> <div :class="[classA,classB]"></div> <div :class="[classA,{calssB:isB,calss:isC}]"></div>查看全部 -
关于Watch的deep这个属性为true的话，表示深层监视。被监视的属性里面如果是个对象，只要其中一个属性被更改都会被检测到。如果为false的则检测不到
查看全部
举报