![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue.js
沙糖橘
广积粮—筑高墙—缓称王
展开
-
1.vue.js简介
吸取了react的组件化的概念数据和展示的分离,吸取了angular的灵活的指令和页面操作的一些方法.从js的操作dom的思想转变为操作数据的思想 new Vue ({ this. … 类似后端代码的对象调用属性})...原创 2018-06-13 21:49:41 · 113 阅读 · 0 评论 -
2.vue.js实例的创建
挂载点、插值表达式 <!<html><head><metahttp-equiv="Content-Type"content="text/html;charset=UTF-8"><title>Vue入门</title> <scriptsrc="./vue.js">&原创 2018-06-13 21:54:07 · 168 阅读 · 0 评论 -
3.vue.js事件的绑定
绑定事件 <div id="root" > <!-- 点击事件:点击hello变成world --> <!--<div v-on:click="handleClike">{{content}}</div>--> <!--<div v-on:click="handleClike&q原创 2018-06-13 21:59:13 · 316 阅读 · 0 评论 -
4.vue.js属性的绑定与双向数据绑定
属性的绑定 <body> <div id="root" > <!--属性的绑定:属性”“中可写js,例如字符串拼接‘he’+ 'elo' --> <!--<divv-bind:title="title">hello</div>--> <!--原创 2018-06-13 22:02:27 · 170 阅读 · 0 评论 -
5.vue.js计算属性和侦听器
计算属性 <body> <div id="root"> 姓:<input v-model="firstName"/> 名:<input v-model="lastName"/> <div >{{fullName}}</div> &a原创 2018-06-13 22:05:22 · 136 阅读 · 0 评论