
vuejs
文章平均质量分 78
jessionlin
本菜鸟入道一年,很多东西还需要学习,请各位前辈多多指教
展开
-
Vuejs Prop基本用法
一、使用Prop传递数据组件实例的作用域是孤立的。这意味着不能并且不应该在子组件的模板内直接引用父组件的数据。可以使用props把数据传给子组件。 prop是父组件用来传递数据的一个自定义属性。子组件需要显示的地用props选项声明”prop”Vue.component('child',{ props:['message'], template:'<span>{{ message原创 2017-03-06 16:44:18 · 30119 阅读 · 0 评论 -
vuejs表单控件绑定
一、基础语法vuejs中用v-model指令在表单控件元素上创建双向数据绑定。它会根据控件类型自动选取正确的方法来更新元素。但要注意的是v-model仅仅是语法糖,它只负责监听用户的输入时间一更新数据,并特别处理一些极端的例子。注:1.·v-model`并不关心表单控件初始化所生成的值。因为它会选择Vue实例数据来作为具体的值2.当控件有多种语言的需求时,v-model不会因为语言的改变而更新,在这原创 2017-03-06 16:45:38 · 939 阅读 · 0 评论 -
vuejs 基本操作
一、安装1.在本地创建一个HTML文件,然后直接引用vue.js文件 <script src="https://unpkg.com/vue/dist/vue.js"></script> 2.在node环境下可以直接用 npm install vue-cli 但是这种方式并不推荐使用,尤其是多nodejs构建工具不够了解的同学二、渲染1.声明式渲染 Vue.js简单地说就是创建一个简洁的模原创 2017-03-06 16:46:24 · 2981 阅读 · 0 评论 -
vue事件处理器
1.监听事件可以用v-on指令监听DOM事件来触发一些JavaScript代码 示例://HTML<div id="example-1"> <button v-on:click="counter += 1">增加 1</button> <p>这个按钮被点击了 {{ counter }} 次。</p></div>//JSvar example1 = new Vue({ el: '#原创 2017-03-06 16:47:10 · 489 阅读 · 0 评论