- 博客(7)
- 收藏
- 关注
原创 vue.js06
一、v-model(一)作用Vue中使用v-model指令来实现表单元素和数据的双向绑定。监听用户的输入,然后更新数据。因为input中的v-model绑定了msg,所以会实时将输入的内容传递给msg , msg发生改变。当msg发生改变时,因为上面使用了插值语法将msg的值插入到DOM中,所以DOM会发生响应的改变。所以通过v-model实现了双向的绑定。<div id="app"> <input v-model="message" type="test">{{
2021-12-10 12:23:02
364
原创 Vue.js05
一、条件指令(一)v-if 原理:v-if后面的条件为false时,对应的条件极其子元素不会渲染 格式:v-if="true"//能够渲染 v-if="false"//不能渲染<body> <div id="app"> <h2 v-if="false">{{message}}</h2>//不能渲染 <h2 v...
2021-12-02 23:53:05
57
原创 Vue.js04
一、const的使用1.const 用于声明一个或多个常量,声明时必须进行初始化,且初始化后值不可再修改.2.当我们修饰的标识符不会被再次赋值时,可以使用const来保证数据的安全性3.在ES6开发中优先使用const,只用需要改变某一个标识符的时候使用let 4.注意一:一旦给const修饰的标识符被赋值之后,不能被修改const name = 'Judy' //const赋值name = 'Lily' ...
2021-11-26 12:03:12
449
原创 Vue.js03
一、计算属性的基本使用1.computed:属性对象中定义计算属性的方法2.使用{{方法名}}显示计算结果3.格式:(方法的返回值作为属性值)comouted:{ 方法名(){ return this.name1+' '+this.name2}}<body> <div id="app"> <h2>{{firstName + '' + lastName}}</h2&...
2021-11-18 23:46:59
580
原创 Vue.js02
一、v-bind指令作用:动态绑定属性(可以绑定一个或多个属性,或者向另一个组件传递props值) 缩写:: 预期:any(with argument) || Object(without argument) 参数:attrOrProp(optional)(一)v-bind的基本使用...
2021-11-12 11:20:03
525
原创 Vuejs
1.引入Vue.js<script src="https://unpkg.com/vue/dist/vue.js"></script>2.文本插值实现数据绑定<div id="app"> {{ message }}</div>//这是定义视图View new Vue({ el: '#app', //指向view 将Vue实例挂载 data: { message: 'Hello World!';
2021-10-28 13:20:36
83
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人