![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue-js
zhouSty
这个作者很懒,什么都没留下…
展开
-
vue-交互 -取值- 赋值
交互: $http (ajax)如果vue想做交互引入: vue-resouce//一个vue文件get:this.$http.get(url,{ a:1, b:2 }).then(function(res){ //成功方法 alert(res.data);原创 2017-05-12 16:26:24 · 4097 阅读 · 1 评论 -
vue常用指令
1: v-model`<div id="box"> <input type="text" v-model="{{mas}}" /> </br> {{mas}} </div> <script> var a = new Vue({ el:"#box",原创 2017-05-12 14:31:54 · 318 阅读 · 0 评论 -
vue实例的简单属性和方法调用
$mount() // 等同于 el: <div id="box"> {{a}} </div> <script> var vm=new Vue({ data:{ a:1 } }).$mount("#box"); </script>vm.$da原创 2017-05-12 18:01:50 · 1752 阅读 · 0 评论 -
vue常用过滤器
写法:{{ message | ‘过滤器’}} 1:{{message | capitalize}} 首字母大写, 2:{{message | uppercase}} 全部大写, 3: {{message | lowercase}} 全部小写, 4:@click=“show| debounce 2000” 延迟2秒执行,<div id="box"> <input typ原创 2017-05-15 15:39:40 · 608 阅读 · 0 评论 -
vue生存周期
生存周期 <div id="app"> <p>{{ message }}</p></div><script type="text/javascript"> var app = new Vue({ el: '#app', data: { message : "xuxiao is boy" },转载 2017-05-15 14:04:04 · 425 阅读 · 0 评论 -
vue自定义指令
Vue.directive(id, definition)的方法传入指令id和定义对象来注册一个全局自定义指令。定义对象需要提供一些钩子函数(全部可选):bind: 只调用一次,指令第一次绑定到元素时调用,用这个钩子函数可以定义一个在绑定时执行一次的初始化动作。inserted: 被绑定元素插入父节点时调用(父节点存在即可调用,不必存在于 document 中)。update: 被绑定元素所在的模板原创 2017-05-15 16:33:46 · 368 阅读 · 0 评论 -
vue路由
创建组件 首先引入vue.js和vue-router.js 主要是router.js 不是resouce.js resouce.js是用来交互的 安装# npm install vue-router –save-dev<div id="box"> <ul> <li> //在a元素上使用v-link指令跳转到指定路径。原创 2017-05-19 10:47:33 · 248 阅读 · 0 评论 -
vue动画 -组件
Vue 提供了 transition 的封装组件,在下列情形中,可以给任何元素和组件添加 entering/leaving 过渡.fade-enter-active, .fade-leave-active { transition: opacity .5s}.fade-enter, .fade-leave-active { opacity: 0}<div id="demo"> <b原创 2017-05-16 18:19:21 · 1280 阅读 · 0 评论