Vue3和Element-Plus

npm install -g @vue/cli

vue -V

vue create vue-element-plus

只选择基础的

 

 

 npm install 拉取依赖

npm-moudles:第三方的依赖、组件

vue的页面通过<template>进行渲染

main.js 入口文件

import 引入组件 可以给组件起任意名字

export 导出一个模块里面的常量，函数，文件，模块等(一个文件就可以被理解为一个模块)

<script>
export default {
  name: 'HelloWorld',
  props: {
    msg: String
  }
}
</script>

<button @click="btn">点击看看</button>

function btn() {

    console.log('+++++')

}

等价于

const btn = ()=>{console.log('++++')}

setup函数的使用：

{{name}}

 

ref修饰的，在template层可以直接使用{{url}}，但是在<script>层需要使用url.name