Vue3（1）

序言

https://www.bilibili.com/video/BV1Za4y1r7KE/?spm_id_from=333.337.search-card.all.click&vd_source=a56db24cb8cab4dd8153f9a519787c89

使用Visual Studio 2022开发前端

CDN

http://staticfile.org/

https://element-plus.gitee.io/zh-CN/component/button.html

vue3支持script单独引入js的形式书写

 setup()

toRefs() 函数可以将 reactive() 创建出来的响应式对象, 转换为普通对象, 只不过这个普通对象上的而每一个属性都是响应式的

 

 

 注意，与官方文档不同的是要把icon前面的：去掉，否则无法显示

 <el-button type="primary" icon="Edit" circle />

 https://highlightjs.org/download/

<el-table-column prop="date" label="Date" width="180" />

reactive, toRefs, ref, toRef

使用ES6模块化import本地js文件出现跨域问题的解决方式

https://blog.csdn.net/Sherry0425/article/details/117676397

 

    <script type="importmap">
        {
          "imports": {
            "vue": "https://cdn.staticfile.org/vue/3.2.33/vue.esm-browser.prod.min.js"
            "vue": "../../lib/vue/vue.esm-browser.prod.min.js"
          }
        }
    </script>

 

 

 

 

资料