哪有什么岁月静好,不过是有人替你负重前行!
摘要: 4.1 vue-router的介绍和下载: 介绍 Vue Router 是 Vue.js 官⽅的路由管理器。它和 Vue.js 的核⼼深度集 成,让构建单⻚⾯应⽤变得易如反掌。包含的功能有: 嵌套的路由/视图表 模块化的、基于组件的路由配置 路由参数、查询、通配符 基于 Vue.js 过渡系统的视图 阅读全文
posted @ 2022-03-01 19:48 longfei825 阅读(26) 评论(0) 推荐(0) 编辑
摘要: vue中this.$emit的用法 用于当子组件需要调用父组件的方法的场景下使用。 this.$emit('事件',参数) 与之相对的当父组件需要调用子组件时则使用this.$refs的方法 this.$refs.子组件的ref.子组件的方法 实例 为了能清晰的了解具体用法,准备了一个父子组件互调方 阅读全文
posted @ 2022-02-24 09:41 longfei825 阅读(757) 评论(0) 推荐(0) 编辑
摘要: 在我们越来越深入Vue时,我们会发现我们对HTML代码的工程量会越来越少,今天我们来谈谈Vue下的 components模板的 初步使用方法与 应用 我们先来简单的写一段components代码(局部方法创造模板) <div id="app"> <haha></haha> </div> /* 这是最 阅读全文
posted @ 2022-02-22 17:04 longfei825 阅读(270) 评论(0) 推荐(0) 编辑
摘要: 这篇文章主要介绍了vue.js中created方法作用及mounted和created的区别介绍,需要的朋友可以参考下 这是它的一个生命周期钩子函数,就是一个vue实例被生成后调用这个函数。一个vue实例被生成后还要绑定到某个html元素上,之后还要进行编译,然后再插入到document中。每一个阶 阅读全文
posted @ 2022-02-21 17:35 longfei825 阅读(301) 评论(0) 推荐(0) 编辑
摘要: 在使用vue.js的日期选择插件 的时候,报错如下 This relative module was not found: * ../calendar.vue in ./node_modules/babel-loader/lib!./node_modules/vux-loader/src/scrip 阅读全文
posted @ 2022-02-20 20:07 longfei825 阅读(403) 评论(0) 推荐(0) 编辑
摘要: vue 编码步骤 定义vue管理范围和对象 引入vue.js文件 定义一个vue的管理范围 <div id='app'> </div> vue1.0里面vue的管理区域的id可以定义在HTML以及body标签上 vue2.0里面不允许这样来做 定义一个vue的对象 new Vue({ el:'#ap 阅读全文
posted @ 2022-02-20 09:19 longfei825 阅读(82) 评论(0) 推荐(0) 编辑
摘要: vue v-for循环的用法 1、v-for循环普通数组 ①创建vue对象 ② 循环数据 结果: 2、v-for循环对象数组 ① 创建vue实例对象 ② 循环对象数组 结果: 3、v-for循环对象 ①创建vue对象实例 ②循环对象 结果: 4、v-for循环数字 ①创建vue对象实例 ②循环数字 阅读全文
posted @ 2022-02-17 18:00 longfei825 阅读(629) 评论(0) 推荐(0) 编辑
摘要: 条件: npm 更至最新 node >=8.9 1.全局安装 npm install -g @vue/cli 或 yarn global add @vue/cli 2.查看版本/是否安装成功 vue -V 3.在新文件夹下创建项目 vue create my-project 指向的vuecli3是因 阅读全文
posted @ 2022-02-16 19:32 longfei825 阅读(222) 评论(0) 推荐(0) 编辑
摘要: vue的基础语法,基础英语 temeplate 是 模板 的意思 需要将html代码写到这个里面 options options就是属性的意思 创建一个vue实例,所有的数据和操作都要写在这个实例里面,options就是这个实例的属性 const vm = new Vue(options) el和m 阅读全文
posted @ 2022-02-16 17:54 longfei825 阅读(37) 评论(0) 推荐(0) 编辑
摘要: 1、快速原型开发 // App.vue里面的内容 <template> <div> <h3>{{msg}}</h3> </div> </template> <script> export default { data() { return { msg: "vue-cli3开发单文件组件" }; }, 阅读全文
posted @ 2022-02-15 21:18 longfei825 阅读(55) 评论(0) 推荐(0) 编辑