尚硅谷vue - 11 脚手架的使用

1. 步骤

速度可能很慢,使用淘宝镜像
npm config set registry https://registry.npm.taobao.org

1. 安装脚手架
npm install -g @vue/cli
2. 创建项目
vue create 项目名

2. ref属性

1. 被用来给元素或子组件注册引用信息(id的替代者)
2. 应用在html标签上获取的是真实DOM元素,应用在组件标签上是组件实例对象(vc)
3. 使用方式:
    1. 打标识:```<h1 ref="xxx">.....</h1>``` 或 ```<School ref="xxx"></School>```
    2. 获取:```this.$refs.xxx```

3. props配置项

1. 第一种方式(只接收):```props:['name'] ```

    2. 第二种方式(限制类型):```props:{name:String}```

    3. 第三种方式(限制类型、限制必要性、指定默认值):

        ```js
        props:{
            name:{
            type:String, //类型
            required:true, //必要性
            default:'老王' //默认值
            }
        }
        ```

    > 备注:props是只读的,Vue底层会监测你对props的修改,如果进行了修改,就会发出警告,若业务需求确实需要修改,那么请复制props的内容到data中一份,然后去修改data中的数据。

 

上一篇:2021-2022学年学英语报七年级第9期答案外研版基础版


下一篇:JavaScript-11-对象的概念