随笔分类 -  Vue

vue react自动更新修改的代码
摘要：利用node 引入 nodemon，我们项目修改了代码，就不用需要在重新启动 步骤 npm install --save-dev nodemon 执行 nodemon server.js //如果我们server.js里面有代码改变了，它就会自动刷新 ，不执行我们再中断，如果你想配置其他的，就去看详 阅读全文
posted @ 2018-01-05 11:04 GoTime 阅读(1625) 评论(0) 推荐(0)
非常简单的vue里面引入jquery
摘要：如何在vue里面引入jq了，只需四部就完成 第一步 cnpm install jquery 第二步 打开build文件夹 ， 打开webpack.base.conf.js文件找到下面module.exports 第三步 还是在build文件夹，打开webpack.prod.conf.js文件，找到p 阅读全文
posted @ 2017-07-14 11:27 GoTime 阅读(469) 评论(0) 推荐(0)
vue兄弟组件传递数据
摘要：在main.js里面设置data{eventHub:new Vue() } 我们再组件一设置一个事件调用组件二的事件，传递数据给组件二 组件二被触发的事件，接受的参数 <template> <div>{{datas}}</div></template><script> exports default 阅读全文
posted @ 2017-07-09 17:29 GoTime 阅读(4677) 评论(2) 推荐(0)
vue 子组件传递数据跟父组件
摘要：子组件 //父组件 阅读全文
posted @ 2017-05-22 16:06 GoTime 阅读(253) 评论(0) 推荐(0)
vue 父组件传递数据给子组件
摘要：父组件 子组件 {{data}} 阅读全文
posted @ 2017-05-22 16:00 GoTime 阅读(2546) 评论(0) 推荐(0)
vue2 简单的留言板
摘要：没有写样式，只是写个功能 阅读全文
posted @ 2017-05-17 17:26 GoTime 阅读(1933) 评论(0) 推荐(0)
vue router动态路由
摘要：路由1 /*指向user组件*/ 路由2 /*指向user组件*/ /*当我们点击路由1得时候*/ /*------当我们点击路由2得时候*/ /*-----点击路由1----router-view会渲染加载我们创建的user的组件*/ /*-----点击路由2----router-view会渲染加载我们创建的user的组件*/ var user = { ... 阅读全文
posted @ 2017-05-17 10:59 GoTime 阅读(1464) 评论(0) 推荐(0)
vue 子组件把数据传递给父组件
摘要：//这里v-on:drop="parent" 由于用了定义模板组件功能，然后在父组件里定义一个HTML元素绑定这个子组件后才能在父组件通过这个HTML元素使用。 阅读全文
posted @ 2017-05-16 10:51 GoTime 阅读(1230) 评论(0) 推荐(0)
vue2 过渡动画
摘要：// transition里面的 div是我们要执行的动画 0">- {{number}} + 阅读全文
posted @ 2017-05-12 16:39 GoTime 阅读(1195) 评论(0) 推荐(0)
Vue.js组件设计原则
摘要：页面上把每个独立可以交互的区域视为一个组件 每个组件对应一个工程目录，组件所需要的各种资源在这个目录下就近维护 页面不过是组件的容器，组件可以嵌套自由组合形成完整的页面 阅读全文
posted @ 2017-04-24 15:08 GoTime 阅读(1263) 评论(1) 推荐(0)
vue.js单个slot
摘要：刚开始看这个slot的时候有点蒙，想了几分钟才明白过来，汗颜 阅读全文
posted @ 2017-04-18 10:38 GoTime 阅读(227) 评论(1) 推荐(0)
vue.js利用vue.router创建前端路由
摘要：node.js方式: 利用node.js安装vue-router模块 cnpm install vue-router 安装完成后我们引入这个模板！ 下载vue-router利用script引入方式: 我们也可以把vue-router下载下来 附上地址:https://unpkg.com/vue-ro 阅读全文
posted @ 2017-04-17 15:41 GoTime 阅读(3471) 评论(3) 推荐(0)
vue组件局部与全局注册的区别
摘要：//局部注册 var mycomponent = new extend({ <!--Vue.extend()是Vue构造器的扩展，调用Vue.extend()我们将创建一个组件构造器--> template:"<div>我是局部注册</>" }) new Vue（{ el:"#app", compo 阅读全文
posted @ 2017-04-17 11:39 GoTime 阅读(10015) 评论(1) 推荐(0)
vue创建组件
摘要：vue创建组件是很容易的： js: Vue.component("component-item",{ //component-item就是我们在HTML页面上引用的组件，它会在页面上解析成"<div>我们的组件</div>" template:"<div>我们的组件</div>" }) new Vu 阅读全文
posted @ 2017-04-17 09:40 GoTime 阅读(276) 评论(1) 推荐(0)