最近更新
App.vue <router-view/> 占位 具体加载哪个组件取决是什么路由 <keep-alive> 占位标签 <keep-alive> <keep-alive></keep-alive> 是vue中的内置组件,能在组件切换的时候,将状态保留在内存中,防止重复的DOM渲染 就是将数据缓存起来 如果使用以上的方式,是对所有的组件都进行缓存处理如果需要对一个进行缓存使用Route中的meta在路由的文件中添加一个属性router/ind
发布时间:2021-06-23 22:41:15 浏览量:40 标签: keepAlive 阅读全文
ref 就是一个标签属性 方便我们获取该元素简单的用法:就是获取元素<元素 ref="自定义的属性值"></元素>有一个$refs的对象这个对象中存储的所有的ref的值$refs.ref属性的属性值如果在方法中需要使用this.$refs.ref属性的属性值console.log(this.$refs.ref属性的属性值)  <元素></元素>在父组件中使用子组件中的数据和方法在父组件中使用的子组件标签绑定一个ref属性,并设置
发布时间:2021-06-23 22:39:55 浏览量:40 标签: ref和refs 阅读全文
watch监听1.普通监听 实时的监听数据的变化 watch监听属性中,把要监听的数据,作为方法名进行监听 方法名(数据属性)(新值,老值) 语法格式: watch:{ 变量名(参数1新,参数2老){ } }2.立即监听 如果我们需要在最初绑定值的时候也执行函数,则使用使用到immediate属性 值设置为true 语法格式: , watch:{ 变量名:{ //钩子函数 handler(新值,老值){ } //组件注入页面的时候就立即监听(执
发布时间:2021-06-23 22:37:37 浏览量:39 标签: watch监听 阅读全文
常见的修饰符 事件修饰符 .stop  阻止事件冒泡  @click.stop="方法".prevent 阻止默认事件  <a @click.stop.prevent="方法"><a> .once 阻止事件重复触发 表单修饰符trim number lazy  用户每一次触发都会马上更新,使用了该修饰符可以让用户通过回车,或者鼠标失焦触发
发布时间:2021-06-23 22:35:49 浏览量:46 标签: 修饰符 阅读全文
混入全局混入 把公共的东西封装起来,放到混入对象中,有需要的时候,直接使用 混入的语法格式: 需要把混入写在main.js中,必须在实例化对象之前 Vue.mixin({ 数据 data(){ return{键:值} } 如果在混入中声明了变量,在组件中也有同名的变量,组件中的变量会覆盖混入中的变量 在混入中的钩子函数,不会被new对象中的组件中的钩子函数覆盖 created(){ } 如果混入中声明了自定义方法,在组件中也有同名的方法,组件中的方法会覆盖混入中的方法 metho
发布时间:2021-06-23 22:33:38 浏览量:35 标签: 混入 阅读全文
什么是脚手架定义:  帮助我们搭建一个脚手架项目,简单的说就是搭建项目的工具安装脚手架在安装之前确定电脑中是否安装了脚手架   查看命令: vue-version安装 : npm install -g @vue/cli还用脚手架搭建一个项目        vue项目全部采用的是纯ES6语法,所以必须保证你  vue --version 版本要大于2.x   
发布时间:2021-06-23 22:31:30 浏览量:28 标签: 脚手架 阅读全文
生命周期简介 什么是生命周期在vue创建,运行,销毁的过程,会伴随着各种各样的事件,这些事件就是生命周期各种各样的事件 -> 就是函数 ->会在特定的时候自动执行 -> 钩子函数beforeCreate() 函数 触发时机:vue实例刚刚在内存中创建完成的时候自动触发该方法 但是还乜有data 和 methdscreate()函数 实例已经在内存中创建完成,此时的data和methods已经被初始化,但是没有编译模板,没有开始渲染html代码mount(挂载) 渲染before
发布时间:2021-06-22 22:58:46 浏览量:27 标签: 生命周期 阅读全文
 ES6 转 ES51.  安装npm install babel-core babel-loader@7.1.5 babel-plugin-transform-runtime babel-preset-env babel-preset-stage-0 -Dindex.js里面写入const fn = () => {  console.log(123)}配置loader {test:/\.js/,use:['babel-loader'],exc
发布时间:2021-06-22 22:53:02 浏览量:24 标签: ES6转换ES5 阅读全文
Webpack安装webpack初始化 : npm init -y为了是安装更快可以使用淘宝镜像 : npm set registry https://registry.npm.taobao.org/安装webpacknpm install webpacknpm install webpack-cli或npm install webpack webpack-cli -D | -S -g-D 当安装工具包后,只在开发的时候使用,发布上线以后就会删除-S 发布以后依然保留该模块&nb
发布时间:2021-06-22 22:48:18 浏览量:28 标签: Webpack 阅读全文
动态组件:            在使用组件的时候更灵活:                1.在下边声明n个组件                    在加载组件的时候,我们通常使用<组件名></组件名>的方式使用,这种方法使用  &n
发布时间:2021-06-22 22:28:14 浏览量:34 标签: 动态组件 阅读全文
父子组件:            在组件中还有一个组件,在父组的模板中可以使用子组件            语法格式:                new Vue({                    e
发布时间:2021-06-22 22:22:28 浏览量:37 标签: 父子组件 阅读全文
什么是组件    组件是扩展html的(就是给html做封装),为让让html可以重复使用        组件分为:            1.全
发布时间:2021-06-22 22:13:14 浏览量:36 标签: vue 组件 阅读全文
   vue中的过滤器            就是把我们获取到的数据咋渲染的时候进行过滤            过滤的原理:         &nbs
发布时间:2021-06-22 22:07:26 浏览量:41 标签: vue过滤器 阅读全文
Vue实现绑定属性第一种方法通过v-bind绑定如果是标签中的属性 ,默认不能直接使用data中的键,也不能使用vue语法,如果需要让属性可以使用vue语法需要绑定属性:语法格式:  v-bind  简写为   :属性例如:   <div id="app">  &a
发布时间:2021-06-16 22:32:08 浏览量:43 标签: vue 阅读全文
vue
vue的定义:* 就是js的一个框架* 框架:前端框架 BootStrap  Jq    后端框架  使用框架的目的是为了帮我们完成快速开发 框架  不等于 难Vue的官方网站ht
发布时间:2021-06-15 22:15:21 浏览量:53 标签: vue基础 阅读全文
搜索
关于我
吴英赫
推广
友情链接