实训HTML使用vue框架

vue教程
表严肃其他知识

搬砖步骤：

1. 找到模板，确定前端逻辑√
2. 填入模板

1. 非常不错的课程：模板变vue
2. vue+bootstrap基础知识补充

3. 详细内容：修改布局，vue对接数据

具体要用的

1. 给变量赋值

• 引进vue：官网-cdn
• 被vue管理的属性，加id
• mustache语法，只能用于标签内容，不能用于标签属性
• v-html，v-text设置标签内容
  
• v-on：给标签添加事件（键盘事件，鼠标事件修饰符）
  
  
• 刷新跳转页面：
  
• 键盘文本输入事件
  

vue更简单的使用：

参考：vue官网-vue-on-事件处理器

• 生命周期函数：修改数据与操作
  
• 填充数据
  
• 添加数据：提交页面且刷新，阻止默认事件修饰符.prevent
  
• 查询数据：文本框回车搜索
  
  
  
  

2. 变量与数据库连接url取数据