![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 65
揽月zhai星辰
前端开发,分享一些工作和学习中遇到的问题及思路
展开
-
vue指令
自定义指令是用来操作DOM的。尽管Vue推崇数据驱动视图的理念,但并非所有情况都适合数据驱动。自定义指令就是一种有效的补充和扩展,不仅可用于定义任何的DOM操作,并且是可复用的。 自定义全局指令 在main.js中 // 注册一个全局自定义指令 `v-focus` Vue.directive('focus', { inserted: function (el) { // inserted当被绑定的元素插入到 DOM 中时(el代表所在的dom节点) // 聚焦元素 el.focus()原创 2021-08-12 16:40:24 · 83 阅读 · 0 评论 -
vue组件
一.组件的引入 1,导入组件 import Vheader from './components/Vheader.vue' 2,挂载组件 在export default 中 定义一个key为components,值为一个对象,这个对象中放着导入键值对;键为变量名,值为组件名,在es6中,键值相同时,可以缩写为一个单一的值。 比如:components:{ Vheader } 3,在template模板中使用组件: <Vheader> </Vheader&原创 2021-08-12 11:02:53 · 82 阅读 · 0 评论