摘要：
使用vue inspect > output.js可以查看到Vue脚手架的默认配置。 使用vue.config.js可以对脚手架进行个性化定制，详情见：https://cli.vuejs.org/zh 其中这个配置文件需要和package.json是同一级的： 简单示例： module.export 阅读全文
posted @ 2022-12-25 22:14
安静点--
阅读(620)
评论(0)
推荐(0)
摘要：
关于不同版本的Vue： 1.vue.js与vue.runtime.xxx.js的区别： (1).vue.js是完整版的Vue，包含：核心功能+模板解析器。 (2).vue.runtime.xxx.js是运行版的Vue，只包含：核心功能；没有模板解析器。 2.因为vue.runtime.xxx.js没 阅读全文
posted @ 2022-12-25 21:48
安静点--
阅读(62)
评论(0)
推荐(0)
摘要：
分析脚手架 首先打开创建的vue_test项目，其中main.js：该文件是整个项目的入口文件 内容解释： /* 该文件是整个项目的入口文件 */ //引入Vue import Vue from 'vue' //引入App组件，它是所有组件的父组件 import App from './App.vu 阅读全文
posted @ 2022-12-25 21:26
安静点--
阅读(44)
评论(0)
推荐(0)
摘要：
.vue文件结构 <template> <!-- 写页面结构代码 --> </template> <script> <!-- 写组件交互代码 --> </script> <style> <!-- 写组件页面的样式代码 --> </style> 单文件组件 通过例子简单看一下大体写法 School.v 阅读全文
posted @ 2022-12-25 17:39
安静点--
阅读(85)
评论(0)
推荐(0)
摘要：
非单文件组件 就是一个文件中有多个组件 Vue中使用组件的三大步骤： 一、定义组件(创建组件) 二、注册组件 三、使用组件(写组件标签) 一、如何定义一个组件？ 使用Vue.extend(options)创建，其中options和new Vue(options)时传入的那个options几乎一样，但 阅读全文
posted @ 2022-12-25 15:11
安静点--
阅读(90)
评论(0)
推荐(0)
摘要：
生命周期 1.又名：生命周期回调函数、生命周期函数、生命周期钩子。 2.是什么：Vue在关键时刻帮我们调用的一些特殊名称的函数。 3.生命周期函数的名字不可更改，但函数的具体内容是程序员根据需求编写的。 4.生命周期函数中的this指向是vm 或 组件实例对象。 <!DOCTYPE html> <h 阅读全文
posted @ 2022-12-25 11:32
安静点--
阅读(42)
评论(0)
推荐(0)
摘要：
自定义指令-函数式 需求1：定义一个v-big指令，和v-text功能类似，但会把绑定的数值放大10倍。 <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>自定义指令</title> <script type="text/ja 阅读全文
posted @ 2022-12-25 10:47
安静点--
阅读(70)
评论(0)
推荐(0)
摘要：
v-pre指令 1.跳过其所在节点的编译过程。 2.可利用它跳过：没有使用指令语法、没有使用插值语法的节点，会加快编译。 <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>v-pre指令</title> <!-- 引入Vue 阅读全文
posted @ 2022-12-25 09:59
安静点--
阅读(248)
评论(0)
推荐(0)
摘要：
v-once指令 1.v-once所在节点在初次动态渲染后，就视为静态内容了。 2.以后数据的改变不会引起v-once所在结构的更新，可以用于优化性能。 <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>v-once指令</t 阅读全文
posted @ 2022-12-25 09:57
安静点--
阅读(236)
评论(0)
推荐(0)
摘要：
v-cloak指令（没有值）： 1.本质是一个特殊属性，Vue实例创建完毕并接管容器后，会删掉v-cloak属性。 2.使用css配合v-cloak可以解决网速慢时页面展示出{{xxx}}的问题。 <!DOCTYPE html> <html> <head> <meta charset="UTF-8" 阅读全文
posted @ 2022-12-25 09:55
安静点--
阅读(97)
评论(0)
推荐(0)
浙公网安备 33010602011771号