02 2022 档案
摘要：vue中this.$emit的用法 用于当子组件需要调用父组件的方法的场景下使用。 this.$emit('事件',参数) 与之相对的当父组件需要调用子组件时则使用this.$refs的方法 this.$refs.子组件的ref.子组件的方法 实例 为了能清晰的了解具体用法，准备了一个父子组件互调方
阅读全文
摘要：在我们越来越深入Vue时，我们会发现我们对HTML代码的工程量会越来越少，今天我们来谈谈Vue下的 components模板的 初步使用方法与 应用 我们先来简单的写一段components代码(局部方法创造模板) <div id="app"> <haha></haha> </div> /* 这是最
阅读全文
摘要：这篇文章主要介绍了vue.js中created方法作用及mounted和created的区别介绍，需要的朋友可以参考下 这是它的一个生命周期钩子函数，就是一个vue实例被生成后调用这个函数。一个vue实例被生成后还要绑定到某个html元素上，之后还要进行编译，然后再插入到document中。每一个阶
阅读全文
摘要：在使用vue.js的日期选择插件 的时候，报错如下 This relative module was not found: * ../calendar.vue in ./node_modules/babel-loader/lib!./node_modules/vux-loader/src/scrip
阅读全文
摘要：vue 编码步骤 定义vue管理范围和对象 引入vue.js文件 定义一个vue的管理范围 <div id='app'> </div> vue1.0里面vue的管理区域的id可以定义在HTML以及body标签上 vue2.0里面不允许这样来做 定义一个vue的对象 new Vue({ el:'#ap
阅读全文
摘要：vue v-for循环的用法 1、v-for循环普通数组 ①创建vue对象 ② 循环数据 结果： 2、v-for循环对象数组 ① 创建vue实例对象 ② 循环对象数组 结果： 3、v-for循环对象 ①创建vue对象实例 ②循环对象 结果： 4、v-for循环数字 ①创建vue对象实例 ②循环数字
阅读全文
摘要：条件： npm 更至最新 node >=8.9 1.全局安装 npm install -g @vue/cli 或 yarn global add @vue/cli 2.查看版本/是否安装成功 vue -V 3.在新文件夹下创建项目 vue create my-project 指向的vuecli3是因
阅读全文
摘要：vue的基础语法，基础英语 temeplate 是 模板 的意思 需要将html代码写到这个里面 options options就是属性的意思 创建一个vue实例，所有的数据和操作都要写在这个实例里面，options就是这个实例的属性 const vm = new Vue(options) el和m
阅读全文
摘要：1、快速原型开发 // App.vue里面的内容 <template> <div> <h3>{{msg}}</h3> </div> </template> <script> export default { data() { return { msg: "vue-cli3开发单文件组件" }; },
阅读全文
摘要：组件 (Component) 是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素，封装可重用的代码。在较高层面上，组件是自定义元素，Vue.js 的编译器为它添加特殊功能。在有些情况下，组件也可以是原生 HTML 元素的形式，以is特性扩展。个人认为就是一个可以重复利用的结构层代码片段
阅读全文
摘要：1、局部组件和全局组件的创建和使用： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0
阅读全文
