本文為博主原創，未經允許不得轉載：
<!DOCTYPE html> <html lang="zh"> <head> <script src="https://unpkg.com/vue@2.5.13/dist/vue.js"></script> </head> <body> <div id="example-4"> <!--用HTML模板做雙向數據綁定--> {{value}} <input type="text" v-model.trim="value" /> <!-- 其中trim為事件修飾符，去除空格。 v-model.number修飾符為轉換為number格式數據 --> </div> <script> //vue指令語法 v-指令名字+:+指令的參數=指令的表達式 new Vue({
/* el:用於綁定屬性的元素 */ el: '#example-4',
//data 用於定義屬性，
data: { value:"liuluwei" }
})
</script>
</body>
</html>
