Rowan Liu's Tech
Home
Blog
CSS
JS
lib
Read
About
GitHub
Home
Blog
CSS
JS
lib
Read
About
GitHub
  • 在专精的路上走的一发不可收拾
  • 生活有感

    • lerna
    • jQuery实践
    • gzip
    • 2018 Web开发,实用指南
    • for 追求
    • Travis CI
    • 前端基础设施(gulp)
    • 知乎Live--前端工程师的职业规划
    • 前端架构演进
    • 组件的重写
    • vue-cli2 to vue-cli3
    • vue3
  • 翻译

    • 开篇
    • [译]在 Angular 中使用拦截器的方式 Top 10
    • 2020年关于 Vue 3 你需要知道的事
    • core-js@3, babel展望未来
    • Vue CLI 插件开发指南
    • @vue/cli-plugin-typescript README
    • @vue/cli-plugin-eslint
    • Vue 3 的开发进展
  • 那些年我面过的试

    • 开篇
    • JavaScript
    • css
  • 数据结构

    • 排序
  • 设计模式

    • 开篇
    • OOP
    • 表单验证

vue3

跟着文章去实践

Vue3 尝鲜

https://github.com/llccing-demo/vue-next/tree/master/demo 01-07 为 Vue 3 尝鲜的实践

  1. 通过yarn dev构建好 vue.global.js 文件
  2. 通过http-server或者类似工具,启动一个server环境。
  3. 注意 index.js 中的内容和文章有出入。 index.js中的内容,
const { reactive } = Vue
const App = {
  template: `
    <div class="container">
      {{message}}
    </div>
  `,
  setup() {
    const state = reactive({message: 'Hello World'})
    return {
      ...state
    }
  }
}

// 这和文章有出入
Vue.createApp(App).mount('#app')

Vue3体验卡

https://github.com/llccing-demo/vue-next/tree/master/demo 08-12 为 Vue3体验卡~ 相关的内容

Edit this page
Last Updated: 2026/1/12 10:15
Contributors: Rowan Liu
Prev
vue-cli2 to vue-cli3