文章 2023-01-18 来自:开发者社区

Vue学习笔记与常用操作(一)

脚手架文件结构 在源码目录中创建如下结构:- App.vue:是所有组件的父组件 - main.js: 是整个项目的入口 - assets:用于存放静态资源文件 - components:用于存放Vue功能组件 - views:用于存放Vue视图组件 - router:用于存放vue-router配置关于不同版本的Vue:1.vue.js与vue.runtime.xxx.js的区别: ...

Vue学习笔记与常用操作(一)
文章 2022-11-30 来自:开发者社区

VUE全家桶 (Vue-cli、Vue-route、Vuex)学习笔记(三)

设置跳转路由通过添加监听 仔方法里设置下面的语句this.$router.push("/home"); //有浏览记录 this.$router.replace("/home");//无浏览记录 如果跳转到相同路由会报错的 下面这样就没事了 this.$router.replace("/home").catch(err => err);动态路由配置路由{ path: '/...

VUE全家桶 (Vue-cli、Vue-route、Vuex)学习笔记(三)
文章 2022-11-30 来自:开发者社区

VUE全家桶 (Vue-cli、Vue-route、Vuex)学习笔记(二)

作用域插槽在子模板中建立slot标签在父亲的中调用子模板的标签中写入template标签 并加上属性 slot-scope="slot"调用的话直接在{{slot.data}} 这样调用模块化Js原生模块打包导出 //export在导出前定义好 然后直接通过json形式全部导出如果这样导出  那么用户将自定义 接收export default {} //导出 import app ...

VUE全家桶 (Vue-cli、Vue-route、Vuex)学习笔记(二)
文章 2022-11-30 来自:开发者社区

VUE全家桶 (Vue-cli、Vue-route、Vuex)学习笔记(一)

Es6let 是变量2.const 1. 是常量不能修改创建的时候一定要赋值 要不报错定义的类 里面的属性值可以修改3.对象创建1.可以先定义const name=1;Const a={name};输出a的话就是{“name”:1};可以直接放进去函数Const a={ Run(){ }, Set(){ } }4. 遍历 遍历1  for(let i;i遍历2  for(le....

VUE全家桶 (Vue-cli、Vue-route、Vuex)学习笔记(一)
文章 2022-11-17 来自:开发者社区

Vue学习笔记①

初识Vue想让Vue工作,就必须创建一个Vue实例,且要传入一个配置对象;root容器里的代码依然符合html规范,只不过混入了一些特殊的Vue语法;root容器里的代码被称为【Vue模板】;Vue实例和容器是一一对应的,Vue实例会解析Vue模板,把解析后的结果输出。真实开发中只有一个Vue实例,并且会配合着组件一起使用;中的xxx要写js表达式,且xxx可以自动读取到data中的所有属性;一....

Vue学习笔记①
文章 2022-11-17 来自:开发者社区

Vue学习笔记②

计算属性计算属性将被混入到 Vue 实例中。所有 getter 和 setter 的 this 上下文自动地绑定为 Vue 实例。此处fullname调用了四次,但是1只执行了一次。get的作用:当fullName被读取的时候时,get就会被调用,且返回值就作为fullName的值。计算属性的结果会被缓存,除非依赖的响应式 property 变化才会重新计算。注意,如果某个依赖 (比如非响应式 ....

Vue学习笔记②
文章 2022-11-17 来自:开发者社区

Vue学习笔记③

收集表单数据: 若:<input type="text"/>,则v-model收集的是value值,用户输入的就是value值。 若:<input type="radio"/>,则v-model收集的是value值,且要给标签配置value值。 若:<input type="checkbox"/> 1.没有配置input的value属性,那么收集的就是chec....

Vue学习笔记③
文章 2022-11-17 来自:开发者社区

Vue学习笔记④

脚手架文件结构├── node_modules├── public│ ├── favicon.ico: 页签图标│ └── index.html: 主页面├── src│ ├── assets: 存放静态资源│ │ └── logo.png│ │── component: 存放组件│ │ └── HelloWorld.vue│ │── App.vue: 汇总所有组件│ │── main.js: ....

文章 2022-11-13 来自:开发者社区

【Vue】vue基础学习笔记

目录基础差值语法模板语法数据绑定el与data的两种写法el与data写法1el写法2:挂载data写法2:函数式写法绑定样式绑定class样式绑定style样式条件渲染基础差值语法<div id="root"> <h1>插值语法@萌狼蓝天 {{Date.now()}}</h1> <h1>Meng Lang Lan ...

文章 2022-11-13 来自:开发者社区

【Vue】学习笔记:Vue组件

文末有我看的这个视频的链接。目录组件注册全局注册组件基础组件命名规则template选项单项数据流data选项局部注册单独配置组件的选项对象ES6对象属性简写组件通信父组件向子组件传值组件传值Props命名规则练习:通过v-for创建组件子组件向父组件传值组件传值自定义事件传值非父子组件传值其他通信方式组件插槽内置组件组件注册全局注册全局注册的组件可以在注册后用于任意实例或者组件中Vue.com....

【Vue】学习笔记:Vue组件

本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。

阿里巴巴终端技术

阿里巴巴终端技术最新内容汇聚在此,由阿里巴巴终端委员会官方运营。阿里巴巴终端委员会是阿里集团面向前端、客户端的虚拟技术组织。我们的愿景是着眼用户体验前沿、技术创新引领业界,将面向未来,制定技术策略和目标并落地执行,推动终端技术发展,帮助工程师成长,打造顶级的终端体验。同时我们运营着阿里巴巴终端域的官方公众号:阿里巴巴终端技术,欢迎关注。

+关注