侧边栏壁纸
  • 累计撰写 793 篇文章
  • 累计创建 1 个标签
  • 累计收到 1 条评论
标签搜索

目 录CONTENT

文章目录

Vue

Dettan
2021-04-10 / 0 评论 / 0 点赞 / 162 阅读 / 1,341 字
温馨提示:
本文最后更新于 2022-07-23,若内容或图片失效,请留言反馈。部分素材来自网络,若不小心影响到您的利益,请联系我们删除。
/ 前端 / Vue
响应式js框架,可以搭建单页面应用,自己实现路由和跳转。后台只提供json数据。
前端编译 输出目录设置
vue ui 里 配置→Vue CLI 里公共路径就写的跟SpringMVC的baseDir一样,输出目录../src/main/resources/static , 静态资源 ./
Vue.set(this.tableData,this.indexWaitForUpdate,this.dialogData);
this.$set()
vm.$set()



v-bind 缩写→ :
v-on 缩写→ @

vue中父组件调用子组件的方法
原文地址 文章目录 组件 (Component) 是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素,封装可重用的代码。在较高层面上,组件是自定义元素,Vue.js 的编译器为它添加特殊功能。在有些情况下,组件也可以表现为用 is 特性进行了扩展的原生 HTML 元素。 所有的 Vue 组件同时也都是 Vue 的实例,所以可接受相同的选项对象 (除了一些根级特有的选项) 并提供相同的生命周期钩子。 示例:   子组件: child export default { name: "child", props: "someprops", methods: { parentHandleclick(e) { console.log(e) } } }    父组件: 点击 import Child from './child'; export default { name: "parent", components: { child: Child }, methods: { clickParent() { this.$refs.mychild.parentHandleclick("嘿嘿嘿"); } } } 注意:   1、在父组件中:首先要引入子组件 import Child from './child';   2、 是在父组件中为子组件添加一个占位,ref="mychild"是子组件在父组件中的名字   3、父组件中 components: {  是声明子组件在父组件中的名字 4、 在父组件的方法中调用子组件的方法,很重要 this.$refs.mychild.parentHandleclick("嘿嘿嘿");
https://www.cnblogs.com/gitByLegend/p/10868538.html




原理
vue如何实现observer和watcher源码解析_vue.js_脚本之家
本文能帮你做什么?好奇vue双向绑定的同学,可以部分缓解好奇心,还可以帮你了解如何实现$watch。 前情回顾 我之前写了一篇没什么干货的文章,并且刨了一个大坑。 今天,打算来填一天,并再刨一个。 不过话说说回来了,看本文之前,如果不知道Object.defineProperty,还必须看看解析神奇的 Object.defineProperty 不得不感慨vue的作者,人长得帅,码写的也好,本文是根据作者源码,摘取出来的 本文将实现什么 正如上一篇许下的承诺一样,本文要实现一个$wacth const v = new Vue({ data:{ a:1, b:2 } }) v.$watch("a",()=>console.log("哈哈,$watch成功")) setTimeout(()=>{ v.a = 5 },2000) //打印 哈哈,$watch成功 为了帮助大家理清思路。。我们就做最简单的实现。。只考虑对象不考虑数组 1.
https://www.jb51.net/article/107927.htm
├── build // 构建相关 ├── config // 配置相关 ├── src // 源代码 │ ├── api // 所有请求 │ ├── assets // 主题 字体等静态资源 │ ├── components // 全局公用组件 │ ├── directive // 全局指令 │ ├── filtres // 全局 filter │ ├── icons // 项目所有 svg icons │ ├── lang // 国际化 language │ ├── mock // 项目mock 模拟数据 │ ├── router // 路由 │ ├── store // 全局 store管理 │ ├── styles // 全局样式 │ ├── utils // 全局公用方法 │ ├── vendor // 公用vendor │ ├── views // view │ ├── App.vue // 入口页面 │ ├── main.js // 入口 加载组件 初始化等 │ └── permission.js // 权限管理 ├── static // 第三方不打包资源 │ └── Tinymce // 富文本 ├── .babelrc // babel-loader 配置 ├── eslintrc.js // eslint 配置项 ├── .gitignore // git 忽略项 ├── favicon.ico // favicon图标 ├── index.html // html模板 └── package.json // package.json

0

评论区