$nextTick和$refs

$refs

$refs 获取DOM元素

利用 ref 和 $refs 获取 DOM 元素




$refs 获取组件对象

可以调用组件内的一切

 步骤

  1. 创建组件 / 引用组件 / 注册组件 / 使用组件
  2. 给组件起别名 ref
  3. 恰当时机,获取组件对象
  • 创建组件MyProduct.vue



  • 获取组件对象,调用组件方法(App.vue)



$nextTick

vue更新DOM-异步的

需求:点击count++,通过原生DOM拿标签内容,无法拿到最新值




 场景

点击搜索按钮,弹出文本框并获取焦点,按钮消失



组件name使用

可以用组件的name属性值,来注册组件名字

我们封装的组件,可以自己定义name属性组件名,让使用者有个统一的前缀风格

components/MyCom.vue 



App.vue中注册和使用



动态组件

多个组件使用一个挂载点,并动态切换,就是动态组件

需求:完成一个注册功能页面,2个按钮,一个填写注册信息,一个填写用户简介信息 

步骤

  • 定义两个组件 UserName.vue,UserInfo.vue 2个组件
  • 引入到 App.vue组件中
  • data中定义变量来存放要显示的组件名
  • 要设置挂载点 ,使用 is 属性来设置要显示哪个组件
  • 点击按钮,修改变量里的组件名

你可能感兴趣的:(vue基础语法,vue)