Vue
文章平均质量分 86
vue
ChargerBot
这个作者很懒,什么都没留下…
展开
-
vue3.0整理
Composition(组合)APIsetup函数ref 和 reactivecomputed 和 watch新的生命周期函数provide 与 inject…新组件Fragment - 文档碎片Teleport - 瞬移组件的位置Suspense - 异步加载组件的loading界面响应式比较 vue2 和 vue3 的响应式vue2 响应式核心对象:通过defineProperty对对象的已有属性值的读取和修改进行劫持(监视 / 拦截)数组:通过重写数组更新数原创 2021-05-02 19:33:43 · 338 阅读 · 0 评论 -
vue ui创建新项目(element,axios)
在命令行窗口(选择项目安装路径),输入vue ui打开vue可视化界面创建 - 在此创建新项目 - 输入项目名预设 - 手动 -babel,vuex,router,css-pre-pro,linter,使用配置文件第一项关掉,不使用history模式。less,standard-config,link on save插件 - 添加插件 - vue-cli-plugin-element - 安装配置插件,完成安装安装依赖 - 运行时依赖 - axios -安装...原创 2020-05-27 17:13:07 · 182 阅读 · 0 评论 -
Vue生命周期
计算属性计算属性是基于它们的响应式依赖进行缓存的。只在相关响应式依赖发生改变时它们才会重新求值。(有缓存)。具有getter和setter。computed: { fullName: { // getter get: function () { return this.firstName + ' ' + this.lastName }, // setter set: function (newValue) { var names = n原创 2020-06-18 16:12:54 · 111 阅读 · 0 评论 -
vue 中的 attribute 和 property
attribute 和 property 是 Web 开发中,比较容易混淆的概念,而对于 value,因其特殊性,更易困惑,本文尝试做一下梳理和例证attribute 和 property 的概念简单的说,attribute 是元素标签的属性,property 是元素对象的属性,例如:<input id="input" value="test value"><script>let input = document.getElementById('input');conso转载 2020-06-18 17:41:49 · 1643 阅读 · 1 评论 -
Vue案例引发的「过滤器」的使用
原文链接转载 2020-06-29 10:12:15 · 57 阅读 · 0 评论 -
vue案例-选中项变红色
原创 2020-07-05 10:21:04 · 505 阅读 · 0 评论 -
vue-cli中的图片资源存放位置
vue-cli3.0有两个放置静态资源的目录分别是public和assets。1. public文件夹 - 引用(以/开头)background-image: url('/search2.png');2. assets文件夹 - 引用(./或@/开头)<img src="@/assets/logo.png" alt="">public放不会变动的文件public/ 目录下的文件并不会被Webpack处理:它们会直接被复制到最终的打包目录(默认是dist/static)下。原创 2020-09-11 10:51:06 · 5208 阅读 · 0 评论 -
vue3.0重点
vue3.0中文官网应用实例 & 组件实例:Vue3 以 Vue.createApp 创建 vue实例的【不是 Vue2 的new Vue 创建】,参数就是 根组件实例。const app = Vue.createApp({ /* 选项 */ })应用实例暴露的大多数方法都会返回该同一实例,允许链式:Vue.createApp({}) .component('SearchInput', SearchInputComponent) .directive('focus', Focus转载 2021-02-19 14:05:38 · 158 阅读 · 0 评论